/**
 * @author xuyh0817
 * @email xuyh0817@foxmail.com
 * @date 2022-02-22 01:22
 * @version 2.0.0
 * @doc todo
 * @website todo
 * @remark  如果要分发源码，需在本文件顶部保留此文件头信息！！
 */

import { COMPONENT_TYPE } from '../../../../../libs/constants'

export default [
  {
    id: '1',
    type: COMPONENT_TYPE.INPUT,
    formItem: {
      prop: 'prop',
      rules: [],
      label: 'prop属性',
      extra: '表单域 model 字段，在使用 validate、resetFields 方法的情况下，该属性是必填的'
    },
    attrs: {
      maxLength: 60,
      type: 'text',
      allowClear: true,
      placeholder: '请输入属性'
    }
  },
  {
    id: '2',
    type: COMPONENT_TYPE.INPUT,
    formItem: {
      prop: 'label',
      rules: [],
      label: 'label 标签',
      extra: 'label 标签的文本'
    },
    attrs: {
      maxLength: 60,
      type: 'text',
      allowClear: true,
      placeholder: '请输入属性'
    }
  },
  {
    id: '5',
    type: COMPONENT_TYPE.INPUT_NUMBER,
    formItem: {
      prop: 'labelWidth',
      rules: [],
      label: '标签宽度'
    },
    attrs: {
      value: 100,
      max: 9999,
      min: 0,
      placeholder: '请输入标签宽度'
    }
  },
  {
    id: '3',
    type: COMPONENT_TYPE.RADIO_BUTTON,
    formItem: {
      prop: 'labelAlign',
      rules: [],
      label: '标签对齐',
      extra: 'label 标签的文本对齐方式'
    },
    attrs: {
      value: 'right',
      buttonStyle: 'solid',
      children: [
        {
          value: 'left',
          label: 'left'
        },
        {
          value: 'right',
          label: 'right'
        }
      ]
    }
  },
  {
    id: '4',
    type: COMPONENT_TYPE.TEXTAREA_BUTTON,
    formItem: {
      prop: 'rules',
      rules: [],
      label: '验证规则',
      extra: '表单验证规则 object | array'
    },
    attrs: {
      autoSize: {
        minRows: 6
      },
      value: '[{"required":true,"message":"请输入","trigger":"blur"}]',
      maxLength: 1000,
      allowClear: true,
      placeholder: '请输入可选项',
      button: {
        type: 'primary',
        shape: 'circle',
        icon: 'edit'
      }
    }
  },
  {
    id: '9',
    type: COMPONENT_TYPE.INPUT,
    formItem: {
      prop: 'extra',
      rules: [],
      label: '额外提示',
      extra: '额外的提示信息，和 help 类似，当需要错误信息和提示文案同时出现时，可以使用这个'
    },
    attrs: {
      maxLength: 60,
      type: 'text',
      allowClear: true,
      placeholder: '请输入额外提示'
    }
  },
  {
    id: '10',
    type: COMPONENT_TYPE.SWITCH,
    formItem: {
      prop: 'colon',
      rules: [],
      label: 'label冒号',
      extra: '配合 label 属性使用，表示是否显示 label 后面的冒号'
    },
    attrs: {
      checked: true,
      checkedChildren: '开启',
      unCheckedChildren: '关闭'
    }
  }
]

